<template>
   <div class="bottom-area">
      <div class="text-list">
          <span class="text-list-item">关于我们</span>
          <div class="text-breakline"></div>
          <span class="text-list-item">商务合作</span>
          <div class="text-breakline"></div>
          <span class="text-list-item">联系我们</span>
          <div class="text-breakline"></div>
          <span class="text-list-item">法律说明</span>
          <div class="text-breakline"></div>
          <span class="text-list-item">营业执照</span>
          <div class="text-breakline"></div>
          <span class="text-list-item">经营执照</span>
      </div>
     <!-- <p>Copyright©2013-2016 MOLBASE ALL Rights Reserved 吉力金色摇篮 粤公网安备 31</p> -->
   </div>
</template>

<script>
export default {
   name: 'bottomArea',
   data() {
       return {}
   },
  components: {}
}
</script>

<style scoped lang="less">
    .bottom-area{
        height: 1.6rem;
        background-color: #0b294d;
        overflow: hidden;
        
        .text-list{
            width: 7rem;
            height: 0.24rem;
             margin:0 auto;
             margin-top: 0.42rem;
             position: relative;
            .text-list-item{
                text-align: center;
                font-size: 0.24rem;
                line-height: 0.24rem;
                letter-spacing: .001rem;
                transform: scale(3/4);
                color: #ffffff;
                float: left;
               

            }
            .text-breakline{
                float: left;
                width: 0.02rem;
                height: .13rem;
                overflow: hidden;
                background-color: #364d6a;
                margin-left: 0.1rem;
                margin-right: 0.1rem;
                margin-top: 0.08rem;
                font-size: 0;
              
                // position: absolute;
                // top: 50%;
                // transform: translateY(-50%);
            }
        }
        
    }
</style>
